<template>
	<view>
		<view class="head_wrap row_center">
			<image :src="item.statusIcon" mode="aspectFill"></image>
			<span class="phone">{{item.statusStr}}</span>
		</view>
		
		<view class="content_wrap" style="margin-top: 20upx;">
			<view class="content row">
				<span class="name">流水号</span>
				<span class="value">{{item.orderNo}}</span>
			</view>
		</view>
		
		<view class="content_wrap">
			<view class="content row" >
				<span class="name">类型</span>
				<span class="value">{{item.bizName}}</span>
			</view>
		</view>
		
		<view class="content_wrap" style="margin-bottom: 20upx;">
			<view class="content row" style="border-bottom: none;">
				<span class="name">收支</span>
				<span class="value">{{item.realAmountStr}}</span>
			</view>
		</view>
		
		<view class="content_wrap" >
			<view class="content row">
				<span class="name">时间</span>
				<span class="value">{{item.createDateStr}}</span>
			</view>
		</view>
		
		<view class="content_wrap" >
			<view class="content row">
				<span class="name">到账方式</span>
				<span class="value">{{item.incomeMethod}}</span>
			</view>
		</view>
		
		<view class="content_wrap" >
			<view class="content row" style="border-bottom: none;">
				<span class="name">说明</span>
				<span class="value">{{item.remark}}</span>
			</view>
		</view>
		
		
		
	</view>
</template>

<script>
	import { BASE_URL,detail } from '@/utils/api'
	
	export default {
		data() {
			return {
				isActive: false,
				isShowPwd: false,
				id: 0,
				item: {}
			}
		},
		methods: {
			moveHandle(){},
			async detail(){
				let res = await detail(this.id);
				if(res.code == 1){
					this.item = res.data;
				}
			}
		},
		onLoad(opt) {
			this.id = opt.id;
			this.detail();
		}
	}
</script>

<style>
	page{background: #F1F1F1;}
.head_wrap{background: #FFFFFF; height: 180upx;}
.head_wrap image{width: 60upx; height: 60upx;margin-right: 21upx;}
.head_wrap .phone{font-size: 36upx; color: #333333; }

.content_wrap{padding-left: 27upx; background: #FFFFFF; color: #333333; font-size: 32upx;}
.content_wrap .content{height: 100upx; border-bottom: solid 2upx #E6E6E6; padding-right: 30upx;}
.content_wrap .content .name{font-size: 32upx; color: #999999; flex: 1;}
.content_wrap .content .value{font-size: 32upx; color: #333333;}

.bottom_btn{padding: 0upx 30upx; margin-top: 60upx;}
.bottom_btn span{background: #CCCCCC; color: #FFFFFF; font-size: 32upx; height: 94upx; line-height: 94upx; text-align: center;
	font-weight: bold;border-radius: 12upx;}
.active{background: #FFCA0A; color: #333333;}

.place-holder{font-size: 32upx; color: #CCCCCC;}

.pay_wrap image{width: 30upx; height: 30upx; margin-right: 20upx;}
.pay_wrap .title{color: #333333; font-size: 32upx;}
.pay_wrap .retry_btn{text-align: center; font-size: 32upx; color: #FFCA0A; padding: 35upx 0upx; width: 100%; border-top: 2upx solid #E6E6E6;}

</style>
